<%@ include file="/common/taglibs.jsp"%>

<head>
	<title>Scanner Comparison By Vulnerability</title>
	<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/confirm.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery.dataTables.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/styles/jquery.dataTables.css"/>
	<style type="text/css">
		input {width:100%}
	</style>
</head>

<body>
	<h2>Channel Comparison Detail</h2>
	
	The columns are sortable - just click on them. The sorted row will be highlighted.<br/>
	More than one row can be sorted at a time by holding down Shift.<br/><br/>

	<table style="padding-bottom:100px" class="sortable formattedTable filteredTable tablesorter" id="table1">
		<thead>
			<tr class="darkBackground">
				<th class="first">Vulnerability Name</th>
				<th>Path</th>
				<th>Parameter</th>
				<th>Status</th>
				<c:forEach var="item" items="${headerList}">
					<th><c:out value="${ item }"/></th>
				</c:forEach>
			</tr>
		</thead>
		
		<tbody>
		<c:forEach var="rowList" items="${listOfLists}">
			<tr class="bodyRow">
				<c:forEach var="item" items="${rowList}">
					<td><c:out value="${ item }"/></td>
				</c:forEach>
			</tr>
		</c:forEach>
		</tbody>
	</table>
	<script type="text/javascript">  
		$("#table1").dataTable({
			         "iDisplayLength": 50,
			         "sPaginationType": "full_numbers"
			       }); 
	</script> 
</body>